<%@ page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,initial-scale=1.0">
		<title>369云工厂--活动</title>
		<link rel="stylesheet" href="css/dist/bootstrap.css" />
		<link rel="stylesheet" href="css/dist/bootstrap-theme.min.css" />
		<!--自定义css-->
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="wraper">
		    <div class="header-blue header-common">
		        <div class="header-con">
		            <div class="header-logo">
		                <a href="index.action"><img src="img/logo-2.png" alt="" /></a>
		            </div>
		            <div class="nav">
		                <ul>
		                    <li class="nav-item "><a href="index.action">首页</a></li>
		                    <li class="nav-item "><a href="factory.action">云工厂</a></li>
		                    <li class="nav-item"><a href="service.action">服务</a></li>
		                    <li class="nav-item cur"><a href="activity.action">活动</a></li> 
		                    <li class="nav-item "><a href="news.action">新闻</a></li>
		                </ul>
		                <!--移动的滑动-->
		                <div class="move-bg"></div>
		                <!--移动的滑动 end-->
		            </div>
		             <div class="header-right">
		                <a href="#" class="visit visit1" id="visit ">预约参观</a>
		                <a href="#" class="user-center"><img src="img/center.png" alt="云工厂用户中心"></a>
		            </div>
		        </div>
		    </div>
		</div>
		<div class="container activity-content ">
			<div class="activity-breadcrumb">
				<ol>
					<li><a href="#">首页</a></li><li>&gt;</li><li><a href="#">新闻</a></li><li>&gt;</li><li><a href="#"> ${activity.acName}</a></li>
				</ol>	
			</div>
			<div class="row clearfix activity-content-top" >
				<div class="col-lg-4 activity-left pull-left">
					<img src="images/${activity.acPoster}" class="img-responsive" alt=""  />
				</div>
				<div class="col-lg-6 pull-left activity-right">
					<div class="activity-title">${activity.acName}</div>
					<ol>
						<li><img src="img/activity-time.png" alt="" /> &nbsp;<fmt:formatDate value="${activity.acStartDate}" pattern="yyyy-MM-dd" />至<fmt:formatDate value="${activity.acEndDate}" pattern="yyyy-MM-dd" /></li>
						<li><img src="img/activity-address.png" alt="" />&nbsp;${activity.acAddr}<a href="#">［点击查看地图］</a></li>
						<li><img src="img/activity-contact.png" alt="" />&nbsp;联系人：${activity.acContactPerson}     电话：${activity.acTelephone}</li>
					</ol>
				</div>
			</div>
			<div class="activity-content-line"></div>
			<div class="row clearfix">
				<div class="col-lg-8 activity-bottom-left">
					${activity.acContent}
				</div>
				<div class="col-lg-3 pull-right act-right">
					<div class="act-tight-title">
						<img src="img/hot-act.jpg" alt="热门活动" />
					</div>
					<div class="news-right-pic-list">
						<a href="#">
							<img src="images/act1.jpg" alt="" class="img-responsive" />
							<p>Mac版工商银行插件：可支持多种金融服务</p>
						</a>
					</div>	
					<div class="news-right-pic-list">
						<a href="#">
							<img src="images/act2.jpg" alt="" class="img-responsive" />
							<p>Mac版工商银行插件：可支持多种金融服务</p>
						</a>
					</div>	
					<div class="news-right-pic-list">
						<a href="#">
							<img src="images/act3.jpg" alt="" class="img-responsive" />
							<p>Mac版工商银行插件：可支持多种金融服务</p>
						</a>
					</div>	
				</div>
			</div>	
		</div>
		<div class=" container-fluid footer">
			<div class="footer-content">
				<div class="footer-logo">
					<a href="#"><img src="img/logo-3.png"></a>
				</div>
				<div class="footer-address">
					<ul>
						<li>北京市海淀区北太平庄路18号城建大厦C座3层</li>
						<li>400-8369-369</li>
						<li>fangchong@datangnet.com.cn</li>
					</ul>	
				</div>
				<div class="footer-erweima">
					<img src="img/erweima.png" alt="云工厂" />
				</div>
			</div>
		</div>
		<div class="container-fluid footer-bottom text-center">
			© 2016 Copyrights by datangnet - All rights reserved.
		</div>
		<script type="text/javascript" src="js/dist/jquery.min.js" ></script>
		<script type="text/javascript" src="js/dist/bootstrap.js" ></script>
		<script type="text/javascript" src="js/dist/jquery.movebg.js" ></script>
		<script type="text/javascript">
			$(function(){
				$(".nav").movebg({
					width:55/*滑块的大小*/,
					extra:40/*额外反弹的距离*/,
					speed:300/*滑块移动的速度*/,
					rebound_speed:400/*滑块反弹的速度*/
				});
			})
		</script>
	</body>
</html>
